<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆页面</title>
	<style type="text/css">
	*{
		margin: 0;
		padding:0;
	}
	ul,ol,li{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
	.wrap{
		width: 300px;
		height: 300px;
		background:gray;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 15px;
	}

	input {
		width: 200px;
		height: 30px;
		text-align: center;
		margin-top: 50px;
	}
	#btn{
		width: 50px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin-left: 150px;
		margin-top: 30px;
	}
	#pwd{
		margin-left: 20px;
	}
	</style>
</head>
<body>
<div class="wrap">
	
		用户名 ： <input type= text value="" id="user" name="username" placeholder="请输入用户名"><br>
		密码  ： <input type="password" value="" id="pwd" name="password" placeholder="请输入密码"><br>

		<input type="button" value="登录" id="btn">
	
</div>
</body>
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
// 	btn.onclick = function(){

// 	localStorage.setItem("username",user.value);
// 	localStorage.setItem("password",pwd.value);

// 	user.value =localStorage.getItem('username');
// 	pwd.value = localStorage.getItem('password');
// 	}


// 	$.get("http://localhost:2403/zhuanzhuan",function(data){
// 		console.log(data);
// })


// 	btn.onclick = function(data){
// 	var zhuanzhuan = {
// 		username:"陈转转",
// 		password:"12345678",
// 	}
// 	// $.post("http://localhost:2403/zhuanzhuan",zhuanzhuan,function(data){
// 	// 	console.log(data);
// 	// })
// 	}

//    用JQ的方法给id为btn的登录按钮设置点击函数；
    $("#btn").on("click",function () {
//        创建ajax获取登陆页面的数据
        var objs={
            username:$("#user").val(),
            password:$("#pwd").val()
        }
        $.ajax({
            type:"post",
            url:"http://localhost:2403/zhuanzhuan"+"/login",
            data:objs,
            success:function (data) {
                console.log(data);
                location.href = "图是管理系统.html";
                // window.open("图是管理系统.html")
        	}

        })

    })

</script>
</html>